/*杠子头 20181017*/
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;}
i, em{font-style:normal}

/*bootstrap 4.1.0*/
.clearfix::after{display: block; clear: both; content: "";}
.float-left{float: left !important;}
.float-right{float: right !important;}
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-dark {color: #343a40 !important;}
a.text-dark:hover, a.text-dark:focus {color: #1d2124 !important;}
.text-muted { color: #6c757d !important; }
a.text-muted:hover, a.text-muted:focus { color: #f36322 !important; text-decoration: none;}
.text-primary { color: #007bff !important; }
a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; }
.text-danger { color: #dc3545 !important; }
a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; }
.bg-white { background-color: #fff !important; }
.position-static{position: static !important;}
.position-relative{position: relative !important;}
.position-absolute{position: absolute !important;}
.position-fixed{position: fixed !important;}
.list-unstyled { padding-left: 0; list-style: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: .5rem 1rem;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: .3rem;
}

/*自定义表单控件*/
.custom-control{position: relative; display: block; min-height: 1.5rem; margin-top: 7px; padding-left: 1.5rem;}
.custom-control-inline{display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem;}
.custom-control-input{position: absolute; z-index: -1; opacity: 0;}
.custom-control-input:checked ~ .custom-control-label::before{color: #fff; background-color: #007bff;}
.custom-control-input:active ~ .custom-control-label::before{color: #fff; background-color: #b3d7ff;}
.custom-control-input:disabled ~ .custom-control-label{color: #6c757d;}
.custom-control-input:disabled ~ .custom-control-label::before{background-color: #e9ecef;}
.custom-control-label{margin-bottom: 0;}
.custom-control-label::before{position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 2px solid #9c9c9c;}
.custom-control-label::after{position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%;}
.custom-checkbox .custom-control-label::before{border-radius: 0.25rem;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background-color: #007bff;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{background-color: #007bff;}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color: rgba(0, 123, 255, 0.5);}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before{background-color: rgba(0, 123, 255, 0.5);}
.custom-radio .custom-control-label::before{border-radius: 50%;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{background-color: #007bff;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color: rgba(0, 123, 255, 0.5);}
.custom-select{display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.custom-select:focus{border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);}
.custom-select:focus::-ms-value{color: #495057; background-color: #fff;}
.custom-select[multiple], .custom-select[size]:not([size="1"]){height: auto; padding-right: 0.75rem; background-image: none;}
.custom-select:disabled{color: #6c757d; background-color: #e9ecef;}
.custom-select::-ms-expand{opacity: 0;}
.custom-file{position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0;}
.custom-file-input{position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0;}
.custom-file-input:focus ~ .custom-file-label{border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.custom-file-input:focus ~ .custom-file-label::after{border-color: #80bdff;}
.custom-file-input:lang(en) ~ .custom-file-label::after{content: "Browse";}
.custom-file-label{position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem;}
.custom-file-label::after{position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(calc(2.25rem + 2px) - 1px * 2); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0;}
.custom-range{width: 100%; padding-left: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.custom-range:focus{outline: none;}
.custom-range::-moz-focus-outer{border: 0;}
.custom-range::-webkit-slider-thumb{width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-appearance: none; appearance: none;}
.custom-range::-webkit-slider-thumb:focus{outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.custom-range::-webkit-slider-thumb:active{background-color: #b3d7ff;}
.custom-range::-webkit-slider-runnable-track{width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem;}
.custom-range::-moz-range-thumb{width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-appearance: none; appearance: none;}
.custom-range::-moz-range-thumb:focus{outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.custom-range::-moz-range-thumb:active{background-color: #b3d7ff;}
.custom-range::-moz-range-track{width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem;}
.custom-range::-ms-thumb{width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; appearance: none;}
.custom-range::-ms-thumb:focus{outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.custom-range::-ms-thumb:active{background-color: #b3d7ff;}
.custom-range::-ms-track{width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem;}
.custom-range::-ms-fill-lower{background-color: #dee2e6; border-radius: 1rem;}
.custom-range::-ms-fill-upper{margin-right: 15px; background-color: #dee2e6; border-radius: 1rem;}
.custom-select{display: inline-block; width: 100%; height: calc(2.25rem); padding: 0.3125rem 1.75rem 0.3125rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.custom-select:focus{border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);}
.custom-select:focus::-ms-value{color: #495057; background-color: #fff;}
.custom-select[multiple], .custom-select[size]:not([size="1"]){height: auto; padding-right: 0.75rem; background-image: none;}
.custom-select:disabled{color: #6c757d; background-color: #e9ecef;}
.custom-select::-ms-expand{opacity: 0;}

.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.f-12, .small { font-size: 12px !important; }
.f-13 { font-size: 13px !important; }
.f-14 { font-size: 14px !important; }
.f-15 { font-size: 15px !important; }
.f-16 { font-size: 16px !important; }
.f-18 { font-size: 18px !important; }

.mt-3{margin-top:15px !important}
.mr-3{margin-right: 15px !important}
.mb-3{margin-bottom: 15px !important}
.ml-3{margin-left:15px !important}
.mt-2 { margin-top: 10px !important }
.mr-2{margin-right: 10px !important}
.mb-2{margin-bottom: 10px !important}
.ml-2{margin-left:10px !important}
.mx-1 { margin-left: 5px; margin-right: 5px; }
.mx-2 { margin-left: 10px; margin-right: 10px; }
.mx-3 { margin-left: 15px; margin-right: 15px; }
.m-r-sm {margin-right: .5rem!important}

.text-white { color: #fff; }

.hand { cursor: pointer; }
.cursor-default { cursor: default; }

.font-weight-bold { font-weight: 600 !important; }

.div-dot:before{content: '\2022'; display: inline-block; padding: 0 5px; color: #8590a6;}

/*区分版块的颜色块*/
.hero-0, .tags-0>span{background:#B59E8C}
.hero-1, .tags-1>span{background:#4B93D1}
.hero-2, .tags-2>span{background:#9354CA}
.hero-3, .tags-3>span{background:#48BF83}
.hero-4, .tags-4>span{background:#414141}
.hero-5, .tags-5>span{background:#EF564F}
.hero-6, .tags-6>span{background:#626C78}
.hero-7, .tags-7>span{background:#D68B4F}
.hero-8, .tags-8>span{background:#6DBB3E}
.hero-9, .tags-9>span{background:#09c}

.DiscussionHero .TagsLabel .TagLabel.tags-0{color:#B59E8C}
.DiscussionHero .TagsLabel .TagLabel.tags-1{color:#4B93D1}
.DiscussionHero .TagsLabel .TagLabel.tags-2{color:#9354CA}
.DiscussionHero .TagsLabel .TagLabel.tags-3{color:#48BF83}
.DiscussionHero .TagsLabel .TagLabel.tags-4{color:#414141}
.DiscussionHero .TagsLabel .TagLabel.tags-5{color:#EF564F}
.DiscussionHero .TagsLabel .TagLabel.tags-6{color:#626C78}
.DiscussionHero .TagsLabel .TagLabel.tags-7{color:#D68B4F}
.DiscussionHero .TagsLabel .TagLabel.tags-8{color:#6DBB3E}
.DiscussionHero .TagsLabel .TagLabel.tags-9{color:#09c}

/*用户组小图标*/
.Badge--group--1 {background-color:#B72A2A}
.Badge--group--2 {background-color:#80349E}
.Badge--group--4 {background-color:#E7672E}
.Badge--group--9 {background-color:#3273dc}
.Badge--group--100 {background-color:#03A9F4}
.Badge--sticky--1 {background:#9b4dca !important}

/*头像*/
.avatar-xs, .avatar-3 { width: 1.5rem !important; height: 1.5rem !important; border-radius: 1.5rem; vertical-align: middle; }
.avatar-1 { width: 1.3rem; height: 1.3rem; border-radius: 1.3rem; vertical-align: middle; }
blockquote .avatar-1 { margin-right: 3px }

/*首页*/
.login-banner {
  background-color: #e7edf3;
  width: 100%;
  position: relative;
}
.login-banner .container {
  background-image: url(../svg/banner-bg.svg);
  background-position: right -20px;
  background-repeat: no-repeat;
}
.login-banner .description {
  float: left;
  width: 50%;
}
.login-banner .title {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 28px;
}
.login-banner .desc {
  font-size: 18px;
}
.login-register-form {
  float: left;
  width: 25%;
  margin-left: 25%;
}
.btn-reg {
  background-color: #fff;
}

/*点击引用后的背景*/
.PostStream-item.quote {
  background-color: #e7edf3;
  animation: quote_animation 1s;
  -moz-animation: quote_animation 1s;
  -webkit-animation: quote_animation 1s;
  -o-animation: quote_animation 1s;
  background-image: url(../img/quote.png);
  background-repeat: no-repeat;
  background-position: top right;
}

/*用户等级显示*/
@media (max-width:767px) {
  .PostUser-level {
    display: none
  }
  .PostUser-level .levelbar-empty {
    display: none
  }
  .PostUser-level .levelbar {
    display: none
  }
}
@media (min-width:992px),
(min-width:768px) and (max-width:991px) {
  .PostUser-level {
    display: none
  }
  .DiscussionPage .PostUser-level {
    display: block;
    margin-left: -85px;
    margin-top: 70px;
    text-align: center;
    float: left;
    width: 64px
  }
  .DiscussionPage .PostUser-level .levelbar-empty {
    background: #ededed;
    border-radius: 6px;
    height: 6px
  }
  .DiscussionPage .PostUser-level .levelbar {
    margin-top: 0;
    z-index: 11;
    background: #4d698e;
    border-radius: 6px;
    height: 6px
  }
}

/*用户组*/
.user-level-gw {
  display: inline-block;
  height: 24px;
  padding: 0 0 0 25px;
  overflow: hidden;
  margin: 0 5px 0 -1px;
  vertical-align: -6px;
}
.user-level-gw i {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 8px 0 0;
  font-size: 12px;
  position: relative;
  top: 1px;
  left: 0;
}
.user-1-4-gw {
  background-position: left 0;
  background-repeat: no-repeat;
}
.user-1-4-gw i {
  background-image: url(//changyan.sohu.com/mdevp/extensions/cy-grade/008/imgs/p-lv01-04.png);
  background-position: right 0;
  background-repeat: no-repeat;
  color: #4398ed;
}
.user-2-gw {
  background-image: url(//changyan.sohu.com/mdevp/extensions/cy-grade/008/imgs/p-lv002.png);
}

/*编辑历史*/
.line-height-3 { line-height: 36px; }

.tag-id {
  background-color: #e7edf3 !important;
  color: #667d99 !important;
}
.tag-id.active {
  background: #ededed !important;
  color: #666 !important;
}

/**/
.DiscussionHero-badges .icon { margin-right: 2px; }

/*用户登录*/
@media (max-width: 767px) {
  .ModalManager {
    padding-top: 52px;
  }
}
@media (min-width: 768px) {
  .ModalManager {
    margin-top: 53px;
  }
}
.DiscussionListItem-info .item-pic {
  margin: 8px 20px 0 0;
  padding: 0;
  list-style: none;
  white-space: normal;
  display: block
}
.item-pic img { margin-right: 10px; }
.item-pic span {
  position: absolute;
  top: 5px;
  left: 0;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background-color: rgba(0,0,0,.5);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.chart {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 13px;
  line-height: 20px;
  background-color: #fff;
  border-radius: 4px;
}
.chart .pipe {
  margin: 0 5px;
  color: #ccc;
}

.small-icon {
  margin-right: 6px;
  vertical-align: middle;
}

/*弹出的发帖框*/
.ComposerBody-header .custom-select {
  border: 1px dotted #667c99;
  height: 36px;
  margin-top: -4px;
  padding: 4px 28px 4px 12px;
  cursor: pointer
}

/*版块首页发帖按钮滚动时的位置*/
.affix-top { top: 185px !important; }
.scrolled.affix-top { top: 60px !important; }

/*帖子内容页*/
.comments-input {
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

/*发帖页面添加附件按钮*/
.addattach {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.addattach input[type=file] {
  cursor: pointer;
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.attachlist {
  margin: 0;
  padding: 10px 0;
}
.attachlist li {
  display: block;
}
.fieldset-list {
  float: right;
}

/*引用效果*/
.Post-body blockquote .avatar-xs {
  margin-left: 8px;
  margin-right: 2px;
}
.Post-body blockquote .user {
  margin-right: 3px;
  color: #111;
  font-weight: bold;
  border-bottom: none;
}

/*.mod-button .Button {
  padding: 8px;
}*/

#message {
  height: 8rem;
  /*transition: height 0.2s;*/
}

/*楼中楼评论*/
.floor_win { border-bottom: none !important; }
.floor_con {
  border: 1px solid #f0f1f2;
  font-size: 14px;
}
.floor_con dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
.floor_con .media {
  display: flex;
  align-items: flex-start;
}

/*图片懒加载*/
.lazy { max-height: 100px; }
.back-top {
  position:fixed;
  display:none;
  bottom:40px;
  right:40px;
  border-radius: 50%;
  line-height: 1.5;
}
.back-top .fa {
  font-size: 24px;
}

/*友情链接*/
.item-links .Button-icon {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
  font-size: 15px;
}
.item-links a {
  padding: 8px 8px 8px 0;
}

/*分页*/
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #999;
  font-size: 0.9375rem;
  background-color: #fff;
  /*border: 1px solid #dededf;*/
}

.page-link:hover {
  z-index: 2;
  color: #000;
  text-decoration: none;
  background-color: #f7f7f7;
  border-color: #dededf;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #000;
  background-color: #f2f2f2;
  border-color: #dededf;
}

.page-item.disabled .page-link {
  color: #000;
  pointer-events: none;
  cursor: auto;
  background-color: #f2f2f2;
  border-color: #dededf;
}

/*Off Canvas 导航*/
@media (max-width: 767px){
.pushy{position: fixed; width: 200px; height: 100%; top: 0; z-index: 9999; background: #fff; border-right: 1px solid #ddd; overflow: auto; -webkit-overflow-scrolling: touch;}
.pushy-left{-webkit-transform: translate3d(-200px, 0, 0); -moz-transform: translate3d(-200px, 0, 0); -ms-transform: translate3d(-200px, 0, 0); -o-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0);}
.pushy-open{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.offcanvas-push, .push-push{-webkit-transform: translate3d(200px, 0, 0); -moz-transform: translate3d(200px, 0, 0); -ms-transform: translate3d(200px, 0, 0); -o-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0);}
.pushy, #offcanvas, .push{-webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99); -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99); -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99); transition: transform .2s cubic-bezier(.16, .68, .43, .99);}
.site-overlay{display: none;}
.pushy-active .site-overlay{display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.5); -webkit-animation: fade 500ms; -moz-animation: fade 500ms; -o-animation: fade 500ms; animation: fade 500ms;}
@keyframes fade{0%{opacity: 0;} 100%{opacity: 1;}}
@-moz-keyframes fade{0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes fade{0%{opacity: 0;} 100%{opacity: 1;}}
@-o-keyframes fade{0%{opacity: 0;} 100%{opacity: 1;}}
}

.d-none{display: none !important;}
.d-block{display: block !important;}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

/* 小屏: only small screen */
@media (max-width: 576px) {
  .hidden-sm {
    display: none !important;
  }
}

/* 中屏: only middle screen */
@media (min-width: 576px) and (max-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}

/* 大屏+: big screen */
@media (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }
}
